<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>车辆管理</title>
<style >
.date {
	height: 38px;
	line-height: 1.3;
	line-height: 38px \9;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	border-radius: 2px
}
.time {
	float: left;
	display: block;
	padding: 9px 15px;
	width: 80px;
	font-weight: 400;
	text-align: right
}

.ui-btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #2fb9d4;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    opacity: .9;
    filter: alpha(opacity=90)
}
.x-nav {
    padding: 0 20px;
    position: relative;
    z-index: 99;
    border-bottom: 1px solid #e5e5e5;
    line-height: 39px;
    height: 39px;
    overflow: hidden
}
xblock {
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    line-height: 22px;
    border-radius: 0 2px 2px 0;
    background-color: #f2f2f2
}
.x-right {
    float: right
}
.layui-table {
    width: 100%;
    margin: 10px 0;
    background-color: #fff
}
.layui-table tr {
    transition: all .3s;
    -webkit-transition: all .3s
}
.layui-table thead tr {
    background-color: #f2f2f2
}
.layui-table th {
    text-align: left
}
.layui-table td, .layui-table th {
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    border: 1px solid #e2e2e2;
    font-size: 14px
}
.footer {
  position: fixed;
  bottom: 0;
  left: 50%;
  right: 0;
}
button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px;
}
button:hover {
  background-color: #3e8e41;
}
button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


</style>
<script>
function f() {
    location.href="CarAdd.jsp"
}
</script>
</head>
<body>
<div class="x-nav">
    <span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>小区管理</cite></a>
              <a><cite>小区列表</cite></a>
            </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon"   style="line-height:30px">ဂ</i></a>
    </div> <form>
	<label class="time">日期</label>
	<input type="text" id="start" class="date" placeholder="入区时间">
	<input type="text" id="start" class="date" placeholder="出区时间">
	<input type="text" id="name" class="date" placeholder="门牌号">
	<input type="text" id="name" class="date" placeholder="车牌号">
	<input type="submit" id="search" class="button" value="查询">
</form> 
<br>
   <xblock>
<button class = "ui-btn">批量刪除</button>
<button class = "ui-btn">添加</button>
 <span class="x-right" style="line-height:40px">共有数据：<span class="layui-badge">.......</span> 条</span>
 </xblock>
 <table class="layui-table" id="table-emp">
        <thead>
        <tr>
            <th>
                <input type="checkbox" name="quan" id="quan" value="">
            </th>
            <th>
                车位号
            </th>
			<th>
                车牌号
            </th>
            <th>
               户主名
            </th>
              <th>
               进入时间
            </th> 
             <th>
               停留时间
            </th>
            <th>
                离开时间
            </th>
            <th>
                车位状态
            </th>
            <th>
                车位管理费状态
            </th>
           
             <th>
                操作
            </th>
        </tr>
        
</table>
<div class="footer"> 
<button onclick= "f()">添加车辆信息</button>   
</div>                                                              
</body>
</html>